<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7 "> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie10 lt-ie9 lt-ie8 "> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie10 lt-ie9 "> <![endif]-->
<!--[if IE 9]>         <html class="no-js lt-ie10 "> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js no-ie "> <!--<![endif]-->
    <head profile="http://gmpg.org/xfn/11">
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="author" content="Zicca Calzados : Identidad Femenina" />
        <meta name="keywords" content="calzado, cuero, femenino, mujer, beleza, glamour, estilo, moda, zapatos, botas, sandalias, tacos, suecos, peru, trujillo" />
        <meta name="description" content="Zicca : Identidad Femenina" />

        <title>Zicca : Colección 2012/13</title>

        <link href='http://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css' />
        <link href="css/vendor/normalize.min.css" rel="stylesheet" />
        <link href="css/vendor/helpers.css" rel="stylesheet" />
        <link href="css/vendor/reset.css" rel="stylesheet" />
        <link href="css/common.css" rel="stylesheet" />
        <link href="css/custom.css" rel="stylesheet" />
        <link href="css/media.css" rel="stylesheet" />
        <!-- <link rel="apple-touch-icon" href="img/apple-touch-icon.png"> -->
        <link rel="shortcut icon" href="img/favicon.gif" />
        <script src="js/vendor/modernizr-2.6.1.min.js"></script>
    </head>
    <body>

        <header id="header">
            <section>
                <nav class="menu first">
                    <ul>
                        <li id="logo"><a href="./"></a></li>
                        <li class="selected"><a href="javascript:;"><strong>COLECCIÓN</strong></a>
                            <ul class="main-submenu">
                                <li class="selected"><a href="javascript:;"><span>OTOÑO/INVIERNO 2012-13</span></a>
                                    <div>
                                        <ul class="submenu">
                                            <li>CALZADO
                                                <ul class="items">
                                                    <li><a href="/collection.html">Botas</a></li>
                                                    <li><a href="/collection.html">Mocasíns</a></li>
                                                    <li><a href="/collection.html">Balerinas</a></li>
                                                    <li><a href="/collection.html">Zapatos</a></li>
                                                    <li><a href="/collection.html">Ojotas</a></li>
                                                    <li><a href="/collection.html">Sandalias</a></li>
                                                    <li><a href="/collection.html">Suecos</a></li>
                                                </ul>
                                            </li>
                                            <li>ACCESORIOS
                                                <ul class="items">
                                                    <li><a href="javascript:;">Piccola Pelletteria</a></li>
                                                    <li><a href="javascript:;">Cinture</a></li>
                                                    <li><a href="javascript:;">Foulard</a></li>
                                                    <li><a href="javascript:;">Fashion Jewellery</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="javascript:;"><span>PRIMAVERA/VERANO 2013</span></a>
                                    <div>
                                        <ul class="submenu">
                                            <li>CALZADO
                                                <ul class="items">
                                                    <li><a href="javascript:;">Collection</a></li>
                                                    <li><a href="javascript:;">Foulard</a></li>
                                                </ul>
                                            </li>
                                            <li>PERFUMES
                                                <ul class="items">
                                                    <li><a href="javascript:;">Icons</a></li>
                                                    <li><a href="javascript:;">Fashion Styles</a></li>
                                                    <li><a href="javascript:;">Signature</a></li>
                                                </ul>
                                            </li>
                                            <li>ACCESORIOS
                                                <ul class="items">
                                                    <li><a href="javascript:;">Piccola Pelletteria</a></li>
                                                    <li><a href="javascript:;">Cinture</a></li>
                                                    <li><a href="javascript:;">Piccoli Accessori</a></li>
                                                    <li><a href="javascript:;">Cravatte e Sciarpe</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li><a href="/campaing.html"><strong>CAMPAÑA</strong></a></li>
                        <li><a href="/stores.html"><strong>TIENDAS</strong></a></li>
                        <li><a href="/brand.html"><strong>LA MARCA</strong></a></li>
                        <li><a href="/contact.html"><strong>CONTÁCTENOS</strong></a></li>
                        <li class="last">
                            <form id="search" enctype="application/x-www-form-urlencoded" method="get">
                                <div class="follow">
                                    <em>¡Redes social por aquí!</em> <img src="css/img/arrow-right.png" /><a href="javascript:;" class="social-icons fb" title="Zicca en Facebook"></a><a href="javascript:;" class="social-icons tw" title="Zicca en Twitter"></a> <input name="q" type="text" value="" placeholder="Buscar" class="text search" />
                                </div>
                            </form>
                        </li>
                    </ul>
                </nav>
            </section>
        </header>

        <div id="container">

            <div id="panel_left">
                <a id="panel_handle">&laquo;</a>

                <div id="panel_left_content">
                    <h2>COLLECCIÓN 2012/2013</h2>
                    <ul>
                        <li><a href="javascript:;">Mocasíns</a></li>
                        <li><a href="javascript:;">Balerinas</a></li>
                        <li><a href="javascript:;">Zapatos</a></li>
                        <li class="selected"><a href="javascript:;">Ojotas</a></li>
                        <li><a href="javascript:;">Sandalias</a></li>
                        <li><a href="javascript:;">Suecos</a></li>
                        <li><a href="javascript:;">Botas</a></li>
                        <li><a href="javascript:;">Zapatillas</a></li>
                    </ul>
                </div>

            </div>

            <div id="panel_right">
                <div class="gallery grid">
                    <div class="title_wrap">
                        <h1>COLLECCIÓN 2012-13<br><span>BOTAS</span></h1>
                    </div>

                    <ul>
                        <li><a href="detail.php?id=IMG_0001"><img src="img/collection/small/IMG_0001.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0002"><img src="img/collection/small/IMG_0002.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0003"><img src="img/collection/small/IMG_0003.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0004"><img src="img/collection/small/IMG_0004.jpg" /></a></li>
                    </ul>
                    <hr/>
                    <ul>
                        <li><a href="detail.php?id=IMG_0005"><img src="img/collection/small/IMG_0005.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0006"><img src="img/collection/small/IMG_0006.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0007"><img src="img/collection/small/IMG_0007.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0008"><img src="img/collection/small/IMG_0008.jpg" /></a></li>
                    </ul>
                    <hr/>
                    <ul>
                        <li><a href="detail.php?id=IMG_0009"><img src="img/collection/small/IMG_0009.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0010"><img src="img/collection/small/IMG_0010.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0011"><img src="img/collection/small/IMG_0011.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0012"><img src="img/collection/small/IMG_0012.jpg" /></a></li>
                    </ul>
                    <hr/>
                    <ul>
                        <li><a href="detail.php?id=IMG_0013"><img src="img/collection/small/IMG_0013.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0014"><img src="img/collection/small/IMG_0014.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0015"><img src="img/collection/small/IMG_0015.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0016"><img src="img/collection/small/IMG_0016.jpg" /></a></li>
                    </ul>
                    <hr/>
                    <ul>
                        <li><a href="detail.php?id=IMG_0017"><img src="img/collection/small/IMG_0017.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0018"><img src="img/collection/small/IMG_0018.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0019"><img src="img/collection/small/IMG_0019.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0020"><img src="img/collection/small/IMG_0020.jpg" /></a></li>
                    </ul>
                    <hr/>
                    <ul>
                        <li><a href="detail.php?id=IMG_0021"><img src="img/collection/small/IMG_0021.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0022"><img src="img/collection/small/IMG_0022.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0023"><img src="img/collection/small/IMG_0023.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0024"><img src="img/collection/small/IMG_0024.jpg" /></a></li>
                    </ul>
                    <hr/>
                    <ul>
                        <li><a href="detail.php?id=IMG_0025"><img src="img/collection/small/IMG_0025.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0026"><img src="img/collection/small/IMG_0026.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0027"><img src="img/collection/small/IMG_0027.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0028"><img src="img/collection/small/IMG_0028.jpg" /></a></li>
                    </ul>
                    <hr/>
                    <ul>
                        <li><a href="detail.php?id=IMG_0029"><img src="img/collection/smallimg_0029.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0030"><img src="img/collection/smallimg_0030.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0031"><img src="img/collection/small/IMG_0031.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0032"><img src="img/collection/small/IMG_0032.jpg" /></a></li>
                    </ul>
                    <hr/>
                    <ul>
                        <li><a href="detail.php?id=IMG_0033"><img src="img/collection/small/IMG_0033.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0034"><img src="img/collection/small/IMG_0034.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0035"><img src="img/collection/small/IMG_0035.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0036"><img src="img/collection/small/IMG_0036.jpg" /></a></li>
                    </ul>
                    <hr/>
                    <ul>
                        <li><a href="detail.php?id=IMG_0037"><img src="img/collection/small/IMG_0037.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0038"><img src="img/collection/small/IMG_0038.jpg" /></a></li>
                        <li><a href="detail.php?id=IMG_0039"><img src="img/collection/small/IMG_0039.jpg" /></a></li>
                    </ul>
                </div>
            </div>

        </div>

        <footer id="footer">
            <nav class="menu first">
                <ul>
                    <li><a href="javascript:;">Colección</a></li>
                    <li><a href="javascript:;">Campaña</a></li>
                    <li><a href="javascript:;">Tiendas</a></li>
                    <li><a href="javascript:;">La Marca</a></li>
                    <li><a href="javascript:;">Contáctenos</a></li>
                    <li id="copy">&copy; 2012 Zicca. Todos los derechos reservados</li>
                </ul>
            </nav>

            <nav class="last">

            </nav>
        </footer>

        <script type="text/javascript" src="js/vendor/mootools-1.4.5.min.js"></script>
        <script type="text/javascript" src="js/main.js"></script>
        <script type="text/javascript" src="js/collection.js"></script>
        <script type="text/javascript">
            document.addEvent('domready', function(){
                new Collection().reset();
            });
        </script>
    </body>
</html>